(function() {

this.codium = this.codium || {};
this.codium.panel = this.codium.panel || {};

this.codium.panel.BasicPanel = pasta.webgui.Panel.extend(
{
	init : function() 
	{
		this._super();
		
		this.setBgColor("rgba(0, 0, 0, 0.5)");
		this.setBorderColor("rgba(255, 255, 255, 0.6)");
		this.setShadow("0px 3px 6px #000000");
		
		this.logo = new pasta.webgui.Picture();
		this.logo.setLeft(6);
		this.logo.setTop(2);
		this.logo.setWidth(32);
		this.logo.setHeight(32);
		this.logo.setImage(this.libDir + "/img/icon/menuSetting.png");
		this.addControl(this.logo);
		
		this.lblTitle = new pasta.webgui.Label();
		this.lblTitle.setLeft(44);
		this.lblTitle.setTop(5);
		this.lblTitle.setWidth(this.getWidth() - this.lblTitle.getLeft() - 50);
		this.lblTitle.setHeight(30);
		this.lblTitle.setCaption("Basic Form");
		this.lblTitle.font.setBold(true);
		this.lblTitle.font.setColor("#FFFFFF");
		this.lblTitle.font.setSize(18);
		this.lblTitle.setShadow("0px 1px 4px #000000");
		this.addControl(this.lblTitle);
	},	
	
	
	//-------------------- Service Event Handler --------------
	
	setCaption : function(data)
	{
		this.lblTitle.setCaption(data);
	},
	
	setIcon : function(data)
	{
		this.logo.setImage(data);
	},
	
	setWidth : function(data)
	{
		this._super(data);
		
		if (this.logo != null)
		{
			this.lblTitle.setWidth(this.getWidth() - this.lblTitle.getLeft() - 50);
		}
	},
	
});

})();